<template>
	<view class=" ">
		<view class="p-t-20 p-r-20 p-l-20">
			<view class="bg-white br10 ">
				<view class="flex row-between input-item">
					<view class="bold xl">是否使用发票</view>
					<view>
						<u-switch v-model="checked" size="36" active-color="rgb(232,86,49)"></u-switch>
					</view>
				</view>
				<view class="">
					<u-field
						v-model="mobile"
						label="抬头类型"
						:disabled="true"
						
					>
						<view class="flex" slot="right">
							<u-radio-group v-model="value"  active-color="rgb(232,86,49)">
								<u-radio 
									@change="radioChange" 
									v-for="(item, index) in typeList" :key="index" 
									:name="item.name"
									
								>
									<text class="bold" >{{item.name}}</text>
									
								</u-radio>
							</u-radio-group>
						</view>
					</u-field>
					<u-field
						v-model="mobile"
						label="发票抬头"
						placeholder="请填写发票抬头(必填)"			
					/>
					<u-field
						v-model="mobile"
						label="电子邮箱"
						placeholder="请填写电子邮箱(必填)"			
					/>
					<u-field
						v-model="mobile"
						label="纳税人号"
						placeholder="企业(必填),非企业(选填)"			
					/>
					<u-field
						v-model="mobile"
						label="注册电话"
						placeholder="请填写企业的注册电话(选填)"			
					/>
					<u-field
						v-model="mobile"
						label="开户银行"
						placeholder="请填写企业的开户行(选填)"			
					/>
					<u-field
						v-model="mobile"
						label="银行账号"
						placeholder="请填写企业的银行账号(选填)"			
					/>
				</view>
				<view class="flex row-between input-item">
					<view  class="bold xl">
						发票金额
					</view>
					<view class="flex-col ">
						<view class="theme-color bold md">6.96</view>
						<view class="xs m-t-10">税点：8.0%</view>
					</view>
				</view>
			</view>
		</view>
		
		<view class="add-btn p-l-20 p-r-20">
			<button class="bg-color white br10 bold p-t-8 p-b-8" >确认</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				checked:false,
				typeList:[
					{
						name: '企业单位',
						disabled: false
					},
					{
						name: '个人、非企业',
						disabled: false
					},
				],
				value:''
			}
		},
		methods: {
			radioChange(e){
				console.log(e)
			}
		}
	}
</script>

<style lang="scss">
	$themeColor:rgb(232,86,49);
	.input-item{
		padding: 20upx 28upx;
	}
	.bg-color{
		background-color:$themeColor ;
	}
	.theme-color{
		color:$themeColor ;
	}
	.add-btn{
		width: 100%;
		position: fixed;
		bottom: 25upx;
	}
</style>
